<div class="one-map-point-container">
  <div class="one-map-point">
    <div class="one-map-point-header" >
      <div class="one-map-point-dropdown" (click)="getRegionMenuShow()" (mouseleave)="getRegionMenuHide()">
        <label><input type="text" class="form-control" id="map_area_name" data-id="" readonly></label>
        <div class="dropdown-menu" [style.display]="isRegionMenuShow?'block':'none'">
          <p class="one-triangle-left"><span class="one-triangle-border"></span></p>
          <ul class="one-map-ztree ztree" id="demarcates_site_tree">

          </ul>
        </div>
      </div>
      <div class="one-map-point-dropdown" (click)="getDropMenuShow()" (mouseleave)="getDropMenuHide()">
        <label><input type="text" class="form-control" placeholder="站点类型" id="map_site_type" [value]="selectedSite.polluteName" data-type="allSite" readonly></label>
        <div class="dropdown-menu" [style.display]="isDropMenuShow?'block':'none'">
          <p class="one-triangle-left"><span class="one-triangle-border"></span></p>
          <ul class="one-map-point-list" id="demarcates_type" style="max-height:200px;overflow: auto;">
            <li *ngFor="let list of dropSiteArr">
              <label>
                <input type="radio"  [id]="list.polluteSiteType" [checked]="selectedSite.polluteSiteType == list.polluteSiteType" (click)="clickSite(list)">{{list.polluteName}}
              </label>
            </li>
          </ul>
        </div>
      </div>

      <div class="one-map-search">
        <label><i class="glyphicon glyphicon-search"></i><input type="text" class="form-control" placeholder="请输入要查询的监测点"></label>
        <button class="btn btn-success" (click)="showMarker()">查询</button>
      </div>
    </div>
    <div class="one-map-point-body">
      <ul class="one-map-point-list-header">
        <li>监测站点</li>
      </ul>
      <ul class="one-map-point-list-body">

      </ul>
      <ul class="one-map-point-list-footer">
        <li class="text-center">加载更多</li>
      </ul>
    </div>
    <div class="one-map-point-footer">
    </div>
  </div>
  <div class="one-map-area" id="map"></div>
</div>
<!-- 对话框 -->
<div style="width: 100%;">
  <form class="form form-horizontal" [formGroup]="demarcateForm" (ngSubmit)="onSubmit()">
    <div id="one-dialog-form" [class]="'one-dialog dialog dialog-solid dialog-info'">
      <div class="dialog-header with-border one-map-dialog-header">
        <h3 class="dialog-title one-dialog-content-info"> 坐标调整确认</h3>
        <div class="dialog-tools pull-right">
          <button class="btn btn-dialog-tool" data-widget="remove" (click)="close()"><i class="fa fa-times"></i></button>
        </div><!-- /.box-tools -->
      </div><!-- /.box-header -->
      <div class="dialog-body">
          <div class="form-group">
            <label class="col-sm-4 control-label">点位名称:</label>
            <div class="col-sm-8">
              <input type="hidden"  formControlName="demarcateId" id="map_point_id">
              <input type="text" class="form-control" id="map_point_name" placeholder="点位名称" formControlName="demarcateName"  readonly>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-4 control-label">新经度:</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" formControlName="demarcateLng" required>
              <div *ngIf="formErrors.demarcateLng" class="has-error">
                <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.demarcateLng}} </label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-4 control-label"  >新纬度:</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" formControlName="demarcateLat" required>
              <div *ngIf="formErrors.demarcateLat" class="has-error">
                <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.demarcateLat}} </label>
              </div>
            </div>
          </div>

      </div><!-- /.box-body -->
      <div class="dialog-footer">
        <button type="button" class="btn btn-default" (click)="cancel()">取消</button>
        <button type="submit" class="btn btn-success" [disabled]="demarcateForm.invalid" >保存</button>
      </div><!-- box-footer -->
  </div><!-- /.box -->
  </form>
</div>
<!-- 对话框 -->
